<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
    <div id="app">
        <div>{{msg}}</div>
        <input type="text" v-model="msg">
    </div>
    <script type="text/javascript" src="js/vue.js"></script>
    <script>
        /**
         * MVVM 设计思想
         * M:  model
         * V:  view
         * VM:  view-model  作为V与M之间的中介，ViewModel
         *      v -> m : 通过事件监听 (v-mode指令低层就是事件)
         *     m -> v : 数据绑定
        */
        var vm = new Vue({
            el: '#app',
            data: {
                msg: "hello vue"
            }
        })
    </script>
</body>

</html>